page {
    background-color: #F6F6F6;
    font-family:'PingFangSC-Regular,PingFang SC';
}
.tabDetail {
    .titles {
        // width: 710rpx;
        // margin: auto;
        // margin-top: 64rpx;
        padding: 20rpx 0rpx 42rpx 28rpx;
        background-color: #fff;
        // border-bottom: 2rpx solid #F6F6F6;    
            .titlesGz {
                display: flex;
                justify-content: space-between;
                box-sizing: border-box;
                .titleSpec {
                    font-size: 36rpx;
                    color: #494949;
                    font-weight: bold;
                }
                .guanzhu {
                    background-color: #FF5050;
                    // background-image: url(https://image.hnjg.jigon.cn/data/upload/images/2020-04-03/1d22f12a126da5c0ec9cf4f8ebba4b78.png);
                    // background-size: 100% 100%;
                    // background-size: contain;
                    // background-repeat:no-repeat;
                    font-size: 22rpx;
                    height: 40rpx;
                    line-height: 40rpx;
                    padding: 0rpx 30rpx 0 20rpx;
                    color: #fff;
                    flex-shrink: 0;
                    border-radius: 200rpx  0rpx  0rpx  200rpx  ;
                }
            }
            .saleNum {
                margin-top: 20rpx;
                color: #9B9B9B;
                font-size: 24rpx;
                display: flex;
                justify-content: space-between;
                .saleNumLeft {
                    text {
                        color: #FF5050;
                    }
                }
               .saleNumRight {
                    color: #EEC00A;
                    padding-right: 2rpx;
               }
            }
            
    }
    .shares {
        // width: 710rpx;
        // margin: auto;
        overflow: hidden;
        background-color: #fff;
        
        padding: 0rpx 28rpx;
        background-color: #fff;
        .views {
            height: 50rpx;
            line-height: 50rpx;
            padding: 0;
            margin: 0;
            float: left;
            overflow: visible;
            image {
                width: 50rpx;
                height: 50rpx;
                margin-right: 8rpx;
                vertical-align: middle;
            }
            text {
                color: #9B9B9B;
                font-size: 22rpx;
                margin-right: 46rpx;
            }
        }
        .sharePoster {

        }
    }
    .procedure {
        // width: 710rpx;
        // margin: auto;
        padding: 18rpx 0 0rpx 28rpx; 
        box-sizing: border-box;
        background-color: #fff;
        // border-bottom-left-radius: 10rpx;
        // border-bottom-right-radius: 10rpx;
        .text {
            font-size: 28rpx;
            color: #494949;
            margin-bottom: 40rpx;
            text {
                color: #A5A5A5;
            }
        }
        .textLine {
            padding: 0 102rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            padding-bottom: 85rpx;
                .tts{
                position: relative;
                text-align: center;
                font-size: 24rpx;
                image{
                    width: 50rpx;
                    height: 50rpx;
                    vertical-align: baseline;
                    margin-bottom: 8rpx;
                }
                .tishi{
                    color: #666666;
                    margin-bottom: 12rpx;
                }
                .time {
                    font-size: 22rpx;
                    color: #9B9B9B;
                    position: absolute;
                    // bottom: -12rpx;
                }
                .time1 { 
                }
                .time2 {
                    width: 160rpx;
                    left: -62rpx;
                }
                .time3 {
                    width: 160rpx;
                    left: -62rpx;
                }

            }
            .line {
                width:118rpx;
                height: 4rpx;
                box-sizing: border-box;
                border-bottom: 2rpx dashed #979797;
                margin-top: 26rpx;
            }
            // .tts:nth-child(-n + 2) {
            //     position: absolute;
            //     right: 0rpx;
            //     &::after {
            //         content: "";
            //         width:118rpx;
            //         border-bottom: 4rpx dashed #979797;
            //     }
            // }
        }
    }
    .carousel {
        position: relative;
        .carouselImgs {
            position: relative;
            width: 750rpx;
            height: 750rpx;
            .swipers {
                position: absolute;
                left: 0;
                top: 0;
            }
            .videoPlay {
                position: absolute;
                top: 0;
                // background-color:red;
                width: 750rpx;
                height: 750rpx;
              video {
                width: 100%;
                height: 100%;
              }
            }
            .play_btn {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
            }
        }
        .dots {
            position: absolute;
            width: 100%;
            height: 40rpx;
            line-height: 40rpx;
            bottom: 80rpx;
            .dotsPar {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                view {
                    border-radius: 50%;
                    margin-right: 10rpx;
                    width: 15rpx;
                    height: 15rpx;
                    background-color: gray;
                    // background-color: red;
                    &:last-child{
                        margin-right: 0rpx;
                    }
                }
                .dotsSel {
                    // background-color: #2480EF;
                }
            }
            
        }
    }
    

      .item_price {
      font-size: 40rpx;
      color: #FF0066;
      margin-right: 20rpx;
      }

      .item_market_price {
      color: #999;
      text-decoration: line-through;
    //   font-size: @font-size-small;
      }
      .item_sales {
          font-size: 32rpx;
          text-align: center;
          .leijisale {
              font-weight: bold;
              color: #FF0066;
              font-size: 36rpx;
          }
      }

      .jiagetiao {
        // position: absolute;
        // width: 710rpx;
        height: 106rpx;
        padding-right: 78rpx;
    //   left: 50%;
    //   transform: translateX(-50%);
    //   bottom: -64rpx;
      display: flex;
    //   z-index: 8;
      background-color: #00cc66;
      box-sizing: border-box;
      justify-content: space-between;
    //   background-size: cover;
    //   background-image: url(https://image.hnjg.jigon.cn/data/upload/images/2020-03-25/4b11830d26579e5c0b3615e957e42657.png);
      }

      .jiagetiao_left {
          height: 100%;
          color: white;
          display: flex;
          align-items: center;
          text-align: center;
          .marketprice {
              font-size: 52rpx;
              font-weight: bold;
          }
          .productprice {
              font-size: 24rpx;
              text-decoration: line-through;
              margin-top: 18rpx;
          }
      }
      .jiagetiao_right {
          padding: 8rpx 0rpx 10rpx 0;
          box-sizing: border-box;
        //   height: 122rpx;
        text-align: center;
        font-size: 28rpx;
        display:flex;
        flex-direction: column;
        justify-content: space-evenly;
        // background-image: url(https://image.hnjg.jigon.cn/data/upload/images/2020-03-25/6af5940ff9387c22019fdd29107b77e3.png);
        .statusText {
            color: #A79649;
            color: #fff;
            text-align: center;
        }
        .statusTime {
            text-align: right;
            // position: relative;
            // display: inline-block;
            right: 24rpx;
            color: #00CC65;
            background-color: #fff;
            padding: 2rpx 12rpx;
            margin-top: 8rpx;
            border-radius: 22rpx;
        }
    }

      .jiage_sell_price_text:before {
          content: "¥";
          font-size: 24rpx;
      }

      .jiage_sell_price_text {
          font-size: 70rpx;
          margin-left: 48rpx;
          font-weight: bold;
      }

      .vip_panel {
      margin-left: 20rpx;
      background-color: #FF0066;
      border-radius: 10rpx;
      b {
          margin-left: 0;
      }
      }

      .jiage_market_price_text {
      font-size: 24rpx;
      margin: 0 0 0 6rpx;
      }
      .tagline {
      background-color: #FF0066;
      border-radius: 10rpx;
      color: white;
      font-size: 24rpx;
      padding: 4rpx 8rpx;
      margin: 0 6rpx;
      }
      

      .stop_text {
          position: absolute;
          top: 20rpx;
          right: 20rpx;
      }
  }
  


